<!DOCTYPE html>
<html lang="zh-cn">
<head>
    <meta charset="UTF-8">
    <title>lu_projectProgress 过程管理-人员管理</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="renderer" content="webkit">
    <meta http-equiv="Cache-Control" content="no-siteapp" />

    <link href="css/bootstrap.min.css" rel="stylesheet">
    <link href="css/animate.min.css" rel="stylesheet">
    <link href="css/style.min.css" rel="stylesheet">

    <link rel="stylesheet" href="css/lu_common.css">
    <link rel="stylesheet" href="css/lu_projectProgress.css">
    <link rel="stylesheet" href="fonts_style/iconfont.css">
    <style>
        .table_BOX:after{
            content:'';
            display: block;
            clear: both;
        }
        .projectProgress_table_BOX{
            margin-top: 30px;
        }
        .projectProgress_table_title {
            text-align: center;
            margin-bottom: 40px;
        }
        .hidden_box {
            position: absolute;
            top: -40px;
            left: 100px;
        }
        .operation_btn {
            position: absolute;
            right: 60px;
            top: -34px;
            display: flex;
            align-items: center;
        }
    </style>

</head>
<body class="color_fff container-fluid row" style="background-color: #fff">
    <ul class="row projectProgress_BOX">
       <li class="col-sm-1 active"><a href="lu_projectProgress.html" class="projectProgress_titleText">人员管理</a></li>
       <li class="col-sm-1"><a href="lu_projectProgress_equipment.html" class="projectProgress_titleText">设备管理</a></li>
       <li class="col-sm-1 directInto_box">
           <p class="directInto">
               <span href="lu_projectProgress_directInto.html" class="projectProgress_titleText">直接投入</span>
               <i class="iconfont icon-jiantouxia"></i>
           </p>
           <ul class="directInto_list">
                <li><a href="lu_projectProgress_material.html">材料管理</a></li>
                <li><a href="lu_projectProgress_power.html">动力管理</a></li>
                <li><a href="lu_projectProgress_Fuel.html">燃料管理</a></li>
                <li><a href="lu_projectProgress_SpecialIncome.html">特殊收入管理</a></li>
           </ul>
       </li>
       <li class="col-sm-1"><a href="lu_projectProgress_intangibleAssets.html" class="projectProgress_titleText">无形资产管理</a></li>
       <li class="col-sm-1"><a href="lu_projectProgress_InitialBalance.html" class="projectProgress_titleText">期初余额管理</a></li>
    </ul>
    <div class="row projectProgress_table_BOX">
        <p class="projectProgress_table_title">
            <span class="projectProgress_table_title_text">MC22整车线束</span>
            <span class="projectProgress_table_title_text_small">2017080854135143x</span>
        </p>
        <div class="table_BOX">
            <table class="col-sm-12 table table-striped comTableStyle" id="table_table">
                <thead>
                <tr>
                    <th><input type="checkbox" id="checkAll" class="checkboxStyle"></th>
                    <th>开始时间</th>
                    <th>结束时间</th>
                    <th>姓名</th>
                    <th>部门</th>
                    <th>工时(h)</th>
                    <th>上传工时记录</th>
                    <th>操作</th>
                </tr>
                </thead>
                <tbody>
                <tr data-index="28">
                    <td><input type="checkbox" class="checkboxStyle"></td>
                    <td>2017年1月1日</td>
                    <td>2017年1月30日</td>
                    <td>AA</td>
                    <td>技术部1组</td>
                    <td>150</td>
                    <td class="look_record">
                        <a href="#" class="look_record_btn">查看记录</a>
                        <div class="tip_hiddenBox work_record_box">
                            <span class="work_record_title">工时记录</span>
                            <p class="work_record_main">12345678912341564sfabkwehdkjsnfajkbjkdbvnj59789</p>
                            <button class="btn btn-sm btn-success">确认</button>
                        </div>
                    </td>
                    <td><a href="edit_people" class="edit_table">编辑</a></td>
                </tr>
                </tbody>
            </table>
            <div class="hidden_box">
                <div class="hidden_box_showBox ">
                    <span id="dateVal">全部</span>
                    <i class="iconfont icon-jiantou"></i>
                </div>
                <ul class="hidden_box_hiddenBox">
                    <li class=" hidden_box_hiddenBox_list ">
                        <span class="hiddenBox_list_text">时间：</span>
                        <input type="text" class=" BFBFBF_inputStyle" id="query_year_people" data-query="time">
                    </li>
                    <li class=" hidden_box_hiddenBox_list ">
                        <span class="hiddenBox_list_text">姓名：</span>
                        <input type="text" class=" BFBFBF_inputStyle" data-query="name">
                    </li>
                    <li class="hiddenBox_list_btn">
                        <button class="btn btn-sm btn-success" id="query">确定</button>
                        <button class="btn btn-sm btn-success">查找全部</button>
                        <button class="btn btn-sm btn-default">取消</button>
                    </li>
                </ul>
            </div>
            <ul class="operation_btn">
                <li><a href="add_people" class="btn btn-success">添加</a></li>
                <li><a href="#import" class="btn btn-success">批量导入</a></li>
                <li><a href="#delete" class="btn btn-success">批量删除</a></li>
                <li><a href="#check" class="btn btn-success">核算</a></li>
            </ul>
            <ul class="animated fadeIn add_hiddenBox" lll="add_people">
                <li class="form-group table_btn_list">
                    <label class="col-sm-3 table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>开始时间：</label>
                    <div class="col-sm-9">
                        <input type="text" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="" id="start_time_add" add_name="start_time_add">
                    </div>
                </li>
                <li class="form-group table_btn_list">
                    <label class="col-sm-3 table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>结束时间：</label>
                    <div class="col-sm-9">
                        <input type="text" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="" id="end_time_add" add_name="end_time_add">
                    </div>
                </li>
                <li class="form-group table_btn_list">
                    <label class="col-sm-3 table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>姓名：</label>
                    <div class="col-sm-9">
                        <!--<input type="text" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="" add_name="add_name">-->
                        <select class="form-control table_btn_list_selectStyle" add_name="add_name">
                            <!--<option>技术部1</option>-->
                            <!--<option>技术部2</option>-->
                            <!--<option>技术部3</option>-->
                            <!--<option>技术部4</option>-->
                        </select>
                    </div>
                </li>
                <li class="form-group table_btn_list">
                    <label class="col-sm-3 control-label table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>部门：</label>
                    <div class="col-sm-9">
                        <input type="text" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="" readonly add_name="add_department">
                    </div>
                </li>
                <li class="form-group table_btn_list">
                    <label class="col-sm-3 table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>工时(h)：</label>
                    <div class="col-sm-9">
                        <input type="number" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="" add_name="add_workTime">
                    </div>
                </li>
                <li class="form-group table_btn_list">
                    <label class="col-sm-3 table_btn_list_title">工时记录：</label>
                    <div class="col-sm-9">
                        <textarea class="textarea_style" add_name="add_workTimeRecord"></textarea>
                        <!--<input type="number" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="" add_name="add_workTimeRecord">-->
                    </div>
                </li>
                <li class="button_list">
                    <button class="btn btn-sm btn-success" id="add_btn">确认添加</button>
                    <button class="btn btn-sm btn-success" id="add_AddNew_btn">添加并新增</button>
                    <button class="btn btn-sm btn-default cancel_btn">取消</button>
                </li>
            </ul>
            <ul class="animated fadeIn add_hiddenBox" lll="edit_people">
                <li class="form-group table_btn_list">
                    <label class="col-sm-3 table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>开始时间：</label>
                    <div class="col-sm-9">
                        <input type="text" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="" id="start_time_edit" add_name="start_time_edit">
                    </div>
                </li>
                <li class="form-group table_btn_list">
                    <label class="col-sm-3 table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>结束时间：</label>
                    <div class="col-sm-9">
                        <input type="text" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="" id="end_time_edit" add_name="end_time_edit">
                    </div>
                </li>
                <li class="form-group table_btn_list">
                    <label class="col-sm-3 table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>姓名：</label>
                    <div class="col-sm-9">
                        <!--<input type="text" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="" add_name="edit_name">-->
                        <select class="form-control table_btn_list_selectStyle" add_name="edit_name">
                            <!--<option>技术部1</option>-->
                            <!--<option>技术部2</option>-->
                            <!--<option>技术部3</option>-->
                            <!--<option>技术部4</option>-->
                        </select>
                    </div>
                </li>
                <li class="form-group table_btn_list">
                    <label class="col-sm-3 control-label table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>部门：</label>
                    <div class="col-sm-9">
                        <input type="text" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="" readonly add_name="edit_department">
                    </div>
                </li>
                <li class="form-group table_btn_list">
                    <label class="col-sm-3 table_btn_list_title"><i class="iconfont icon-asterisk table_btn_list_necessary"></i>工时(h)：</label>
                    <div class="col-sm-9">
                        <input type="number" class="col-sm-9 BFBFBF_inputStyle add_people_input" add_name="edit_workTime">
                    </div>
                </li>
                <li class="form-group table_btn_list">
                    <label class="col-sm-3 table_btn_list_title">工时记录：</label>
                    <div class="col-sm-9">
                        <textarea class="textarea_style" add_name="edit_workTimeRecord"></textarea>
                        <!--<input type="number" class="col-sm-9 BFBFBF_inputStyle add_people_input" placeholder="">-->
                    </div>
                </li>
                <li class="button_list">
                    <button class="btn btn-sm btn-success" id="save_btn">保存</button>
                    <button class="btn btn-sm btn-default cancel_btn">取消</button>
                </li>
            </ul>
        </div>

        <!--内容没填完，弹框-->
        <div class="warning_hiddenBox animated fadeIn" id="yz_modal" box="yz_modal">
            您有内容没有填写完哦！
        </div>

        <!--核算弹框-->
        <div class="tip_hiddenBox animated fadeIn" id="check" lll="check">
            <div class="check_main_box">
                <ul>
                    <li class="check_text_14_000">
                        <span>核算成功人数：</span>
                        <span>
                        <span class="check_success_num">XX</span>
                        <span>人</span>
                    </span>
                    </li>
                    <li class="check_text_14_000">
                        <span>核算失败人数：</span>
                        <span>
                        <span class="check_error_num">XX</span>
                        <span>人</span>
                    </span>
                    </li>
                </ul>
                <p class="check_error_Reason_text">
                    <span>核算失败原因:</span>
                    <span class="check_error_Reason">XXXXXX</span>
                </p>
            </div>
            <ul class="check_btn">
                <li><a href="#" class="btn btn-success toManage">去管理</a></li>
                <li><a href="#" class="btn btn-default cancel_btn">取消</a></li>
            </ul>
        </div>

        <!--删除人员-->
        <div class="add_hiddenBox animated fadeIn" id="delete" lll="delete">
            <p class="delete_tip_text">确认删除吗？</p>
            <div class="delete_tip_btn_box">
                <button class="btn btn-sm btn-success">确认</button>
                <button class="btn btn-sm btn-default">取消</button>
            </div>
        </div>
        <!--导入文件-->
        <div class="add_hiddenBox animated fadeIn" id="import" lll="import">
            <p class="import_tip_text">温馨提示：</p>
            <p class="import_tip_text">请下载统一的模版，并按相应的格式在Excel软件中填写您的业务数据，然后再导入到系统中。</p>
            <form action="http://jk.com/Admin/ProStaff/importStaff" method="post" enctype="multipart/form-data" id="file_form">
                <input type="file" accept="application/vnd.ms-excel,application/vnd.openxmlformats-officedocument.spreadsheetml.sheet" class="import_tip_text file_upload_btn" id="file_upload" name="staffs">
                <div class="import_tip_btn_box">
                    <a class="btn btn-sm btn-success" href="#">下载模板</a>
                    <button class="btn btn-sm btn-grey">确定导入</button>
                </div>
            </form>
        </div>
    </div>

    <script src="js/jquery.min.js"></script>
    <script src="js/laydate/laydate.js"></script>
    <script src="js/lu_projectProgress.js"></script>
    <script>
        $(function(){
            window.query_year_people=''
//
//            window.start_time_add=''
//            window.end_time_add=''
//            window.start_time_add_month=''
//            window.end_time_add_month=''
//            window.start_time_add_date=''
//            window.end_time_add_date=''
//
//            window.start_time_edit=''
//            window.end_time_edit=''
//            window.start_time_edit_month=''
//            window.end_time_edit_month=''
//            window.start_time_edit_date=''
//            window.end_time_edit_date=''
            laydate.render({
                elem: '#query_year_people', //指定元素
                type:  'month',
                theme: '#2881C1',
                done: function(value, date, endDate){
                    var dateVal = date.year+'年'+date.month+'月'
                    window.query_year_people = dateVal
                }
            });
            laydate.render({
                elem: '#start_time_add', //指定元素
                theme: '#2881C1',
                done: function(value, date, endDate){
                    var dateVal = date.year+'年'+date.month+'月'+date.date+'日'
//                    window.start_time_add = dateVal
//                    window.start_time_add_month = date.month
//                    window.start_time_add_date = date.date
                }
            });
            laydate.render({
                elem: '#end_time_add', //指定元素
                theme: '#2881C1',
                done: function(value, date, endDate){
                    var dateVal = date.year+'年'+date.month+'月'+date.date+'日'
//                    window.end_time_add = dateVal
//                    window.end_time_add_month = date.month
//                    window.end_time_add_date = date.date
                }
            });
            laydate.render({
                elem: '#start_time_edit', //指定元素
                theme: '#2881C1',
                done: function(value, date, endDate){
                    var dateVal = date.year+'年'+date.month+'月'+date.date+'日'
//                    window.start_time_edit = dateVal
//                    window.start_time_edit_month = date.month
//                    window.start_time_edit_date = date.date
                }
            });
            laydate.render({
                elem: '#end_time_edit', //指定元素
                theme: '#2881C1',
                done: function(value, date, endDate){
                    var dateVal = date.year+'年'+date.month+'月'+date.date+'日'
//                    window.end_time_edit = dateVal
//                    window.end_time_edit_month = date.month
//                    window.end_time_edit_date = date.date
                }
            });
        })
    </script>
</body>
</html>